// @import url(../../assets/font.less);
@font-face {
  font-family: 'electronicFont';
  src: url('../assets/font/DS-DIGII.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.content {
  background: url('../images/bgc.png') no-repeat 100%;
  // height: 100vh;
  .content-title {
    color: #fff;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 700;
  }
  .content-header {
    display: flex;
    position: relative;
    .header-log {
      position: absolute;
      width: 7.5625rem;
      height: 7.5625rem;
      background: url('../images/logoline3.png') no-repeat 100%;
      position: absolute;
      width: 7.5625rem;
      height: 7.5625rem;
      top: -2rem;
      left: 3.875rem;
      z-index: 0;
      // transform: rotate(0deg);
      // animation: 2 linear 0 infinite rotate;
      animation: ease-in-out rotate infinite;
    }
    @keyframes rotate {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }
    .content-title-left {
      position: relative;
      z-index: 11;
      color: #fff;
      flex: 0 0 20.875rem;
      .content-title-left-top {
        display: flex;
        margin-left: 5rem;
        font-size: 1.375rem;
        .top-left {
          margin-right: 1.125rem;
        }
        .top-right {
          font-family: 'electronicFont';
        }
      }
      .line {
        background: url('../images/logoline.png') no-repeat 100%;
        height: 0.25rem;
        width: 11.25rem;
        margin: auto;
      }
      .content-title-left-bottom {
        display: flex;
        margin-left: 5.625rem;
        .left-bottom {
          font-size: 0.625rem;
        }
        .right-bottom {
          margin-left: 1.625rem;
          text-align: center;
          font-size: 0.625rem;
          .week {
            margin-bottom: 0.375rem;
          }
          .year-month-day {
            font-family: 'electronicFont';
          }
        }
      }
    }
    .content-title-right {
      color: #fff;
      display: flex;
      display: flex;
      height: 3.75rem;
      // justify-content: space-around;
      background-color: #4305f787;
      border-radius: 0.5rem;
      .content-title-right-item {
        width: 18.75rem;
        text-align: center;
        font-size: 1.25rem;
        line-height: 3.125rem;
      }
      .active {
        background-color: blueviolet;
        padding: 0.1875rem 0.3125rem;
        border-radius: 0.25rem;
      }
    }
  }
}
